<!DOCTYPE html>
<html lang="en">
<head>
<title>info</title>

<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/common.css" rel="stylesheet" media="screen">
<link href="css/info.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/jquery.tmpl.js"></script>
<script>

$(function() {
	
var box=$("#various1").fancybox({
	'titlePosition'		: 'inside',
	'transitionIn'		: 'none',
	'transitionOut'		: 'none'
});

$("#various1").click(function () {

	 });
$(".btn_newInfo").click(function () {
	$.fancybox.close();
	 });
$(".bar a").hover(
 function () {
    var c = $(this).attr("class");
	var s = c.substring(c.length-7,c.length);
	if(s!="onclick")
	$(this).attr("class",c+"_hover");
  },
  function () {
    var c = $(this).attr("class");
	var s = c.substring(c.length-7,c.length);
	if(s!="onclick")
	$(this).attr("class",c.substring(0,c.length-6));
  }
);


 
 
 
}); 

</script>
</head>
<body>
<div class="header">
	<a style=" float:left;" href="#"><img height="70" width="199" src="images/LOGO.png"></a>
    <span style="margin-left:500px;">欢迎！</span>
    <span>贺鹏飞</span>
    <span style="margin-left:20px;">权限：</span>
    <span>管理员</span>
    <button class="btn" style="float:right; margin-right:30px; margin-top:5px;" type="button">注销</button>
    <div class="clear"></div>
    <li class="bar"><a class="bar_info_onclick" href="#"></a></li>
    <li class="bar"><a class="bar_resource" href="#"></a></li>
    <li class="bar"><a class="bar_project" href="#"></a></li>
    <li class="bar"><a class="bar_team" href="#"></a></li>
    <li class="bar"><a class="bar_future" href="#"></a></li>
</div>
<div class="content"> 
	<div class="info">
    	<div class="infoHeader">
        	<span class="Headerfont">近期通知：</span>
			<li class="btn" style="float:right; margin-right:30px; margin-top:5px;"><a id="various1" href="#inline1">Inline</a></li>
        </div>
        <div id="information" class="infoContent"></div>
        <div class="infoPage">
        	    <div class="pagination" style="margin:0;">  
                    <ul>  
                        <li><a class="fenye" href="javascript:void(0)" onclick="firstPage1();">首页</a></li>  
                        <li><a class="fenye" href="javascript:void(0)" onclick="prePage1();">前一页</a></li>  
                 
                        <!-- 跳转 -->  
                        <li><a class="fenye"> 第 <input id="infor_page" type="text" maxlength="2" style="margin:2px;; width: 20px; height: 16px;">页 </a></li>  
                        <li><a class="fenye"  id="skip" href="javascript:void(0)" onclick="skipPage1();">转到</a></li>  
                  
                        <!-- 下一页按钮 -->  
                            <li><a class="fenye" href="javascript:void(0)" onclick="nextPage1();">下一页</a></li>  
                  
                        <!-- 分页尾页按钮 -->  
                            <li><a class="fenye" href="javascript:void(0)" onclick="lastPage1();">尾页</a></li>  
                    </ul>  
                </div>  
        </div>
    </div>
	<div class="message">
    	<div class="messageHeader">
        	<span class="Headerfont">信息：</span>
            <button class="btn" style="float:right; margin-right:30px; margin-top:5px;" type="button">新信息</button>
        </div>
        <div class="messageContent"></div>
        <div class="messagPage">
             <div class="pagination" style="margin:0;">  
                <ul>  
                    <li><a class="fenye" href="javascript:void(0)" onclick="firstPage2();">首页</a></li>  
                    <li><a class="fenye" href="javascript:void(0)" onclick="prePage2();">前一页</a></li>  
             
                    <!-- 跳转 -->  
                    <li><a class="fenye"> 第 <input id="notice_page" type="text" maxlength="2" style="margin:2px;; width: 20px; height: 16px;">页 </a></li>  
                    <li><a class="fenye"  id="skip" href="javascript:void(0)" onclick="skipPage2();">转到</a></li>  
              
                    <!-- 下一页按钮 -->  
                    <li><a class="fenye" href="javascript:void(0)" onclick="nextPage2();">下一页</a></li>  
              
                    <!-- 分页尾页按钮 -->  
                    <li><a class="fenye" href="javascript:void(0)" onclick="lastPage2(0);">尾页</a></li>  
                </ul>  
            </div>  
        </div>
    </div>
</div>
<!--新公告弹窗-->
	<div style="display: none;">
		<div id="inline1" style="width:680px;height:400px;overflow:auto;">
    		 <div class="newInfoHeader"></div>
             <div class="newInfoTitle">
             <span>标题：</span><input /><button class="btn_newInfo"type="button">发布</button>
             </div>
            <textarea  style="width:666px; font-size:18px; max-height:280px;" rows="15"></textarea> 
		</div>
	</div>


<div class="foot"></div>
<script id="infor_row" type="text/x-jquery-tmpl">
<div class="infoRow"><span class="infoRow_title">${title}</span><span class="infoRow_data">${data}</span></div>
</script>
<script type="text/javascript">
$("#infor_page").val(parseInt(1));   
$("#notice_page").val(parseInt(1));

var a={"totlePage":"20","nowPage":"1","content":
		[
		{"title":"关于贺鹏飞婚配问题的最终决定","data":"2012.12.21"},
		{"title":"11.11日开会解决贺鹏飞单身问题","data":"2012.11.11"},
		{"title":"会议通知&决定通告","data":"2012.11.11"}			
		]
		};
var totlePage=a.totlePage;


for ( i in a.content){
$('#infor_row').tmpl([{"title":a.content[i].title,"data":a.content[i].data}]).appendTo('#information');
}

function firstPage1(){   
$("#infor_page").val(1);  

$('#information').html("");

};
function skipPage1(){   

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

};

function openBox(){
	$("#various1").trigger("click");
	$('#editor').omEditor('insertText', 'new text');
	};	
	
function nextPage1(){   
if(parseInt($("#infor_page").val().trim())<totlePage)
$("#infor_page").val(parseInt($("#infor_page").val().trim())+1);   
};
function prePage1(){   
if(parseInt($("#infor_page").val().trim())>1)
$("#infor_page").val(parseInt($("#infor_page").val().trim())-1);   
};
function lastPage1(){   
$("#infor_page").val(totlePage);  
};


</script>  
  </body>
</html>